<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!-- 需求 1:创建一个个人信息注册的表单界面。
     包含用户名，密码，确认密码。性别（单选），兴趣爱好（多选），国籍（下 拉列表）。
    隐藏域，自我评价（多行文本域）。重置，提交

    form标签就是表单
        input type=text 文件输入框 value设置默认显示内容
        input type=password 密码输入框 value设置默认显示内容
        input type=radio 单选框 name属性可以对其进行分组  checked="checked"表示默认选中
        input type=checkbox 复选框  checked="checked"表示默认选中
        input type=reset 重置按钮 value属性可以修改按钮上的文本
        input type=submit 提交按钮 value属性可以修改按钮上的文本
        input type=button 按钮 value属性可以修改按钮上的文本
        input type=file 文件上传域
        input type=hidden 隐藏域 当我们要发送某些信息，而这些信息不需要用户参与，就可以使用隐藏域

        select标签是下拉列表框
        option标签是下拉列表框中的选项 selected="selected"设置默认选中

        textarea 表示多行文本输入框（起始标签和结束标签中的内容是默认值）
            rows 属性设置可以显示几行的高度
            cols 属性设置每行可以显示几个字符宽度
    -->
    <form>
        <h1 align="center">用户注册</h1>
        <table align="center">
            <tr>
                <td>用户名称：</td>
                <td><input type="text" value="默认值" /></td>
            </tr>
            <tr>
                <td>用户密码：</td>
                <td><input type="password" /></td>
            </tr>
            <tr>
                <td>确认密码：</td>
                <td><input type="password" /></td>
            </tr>
            <tr>
                <td>性别：</td>
                <td>
                    <input type="radio" name="sex" value="男" checked="checked">男
                    <input type="radio" name="sex" value="女">女
                </td>
            </tr>
            <tr>
                <td>兴趣爱好：</td>
                <td>
                    <input type="checkbox" checked="checked"/>Java
                    <input type="checkbox" />Python
                    <input type="checkbox" />Hadoop
                    <input type="checkbox" />Hive
                </td>
            </tr>
            <tr>
                <td>国籍：</td>
                <td>
                    <select>
                        <option>韩国</option>
                        <option selected="selected">中国</option>
                        <option>美国</option>
                        <option>法国</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>自我评价：</td>
                <td>
                    <textarea rows="10px" cols="20px">默认值</textarea>
                </td>
            </tr>
            <tr>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td><input type="reset" value="重置" /></td>
                <td align="center"><input type="submit" value="提交" /></td>
            </tr>
        </table>
        <input type="button" value="按钮">
        <input type="file">
        <input type="hidden" name="abc" value="">
    </form>
</body>
</html>